<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>

    const arr = ['A', 'B', 'C'];

    let per = new Object();
    per.name = '张三';
    per.age = 14;
    per.height = 180;
    for (let i = 0; i < arr.length; i++) {
        console.log(arr[i])// A  B  C
    }
    console.log("=======forEach======")
    // forEach 不能使用return和break跳出循环
    arr.forEach(x=>{
        console.log(x)// A  B  C
    })

    console.log("=======forIN======")
    // forIN 可以遍历数组和对象,遍历对象属性时遍历顺序并非属性构建顺序
    for (let index in arr) {
        console.log(arr[index]) // index代表索引
    }
    for (let filed in per) {
        console.log(filed +'=='+per[filed]) // filed代表对象中的属性
    }
    console.log("=======forOF ======")
    // forOF 不能遍历普通对象,如果非要遍历对象可以获取对象索引的key
    for (let a of arr) {
        console.log(a) // A  B  C
    }

    // 打印由key组成的数组
    // console.log(Object.keys(per)) // ["name", "age","height"]

    for (let key of Object.keys(per)) {
        console.log(per[key]) // ["张三", "14","180"]
    }
    // 打印由value组成的数组
    // console.log(Object.values(per)) // ["张三", "14","180"]

    var entries = Object.entries(per);
    for (let entry of entries) {
        console.log(entry)
    }

    let objArr = [{
        "keyDate": "21年01月",
        "valueData": null
    },
        {
            "keyDate": "21年02月",
            "valueData": null
        },
        {
            "keyDate": "21年03月",
            "valueData": null
        },
        {
            "keyDate": "21年04月",
            "valueData": null
        },
        {
            "keyDate": "21年05月",
            "valueData": null
        },
        {
            "keyDate": "21年06月",
            "valueData": null
        },
        {
            "keyDate": "21年07月",
            "valueData": null
        },
        {
            "keyDate": "21年08月",
            "valueData": null
        },
        {
            "keyDate": "21年09月",
            "valueData": null
        },
        {
            "keyDate": "21年10月",
            "valueData": null
        },
        {
            "keyDate": "21年11月",
            "valueData": "375000.00"
        },
        {
            "keyDate": "21年12月",
            "valueData": "20000.00"
        }]
    let xervice = [];
    let valueservice = [];
    for (let objArrElement of objArr) {
        xervice.push(objArrElement.keyDate);
        valueservice.push(objArrElement.valueData);
    }
    console.log(xervice)
    console.log(valueservice)
</script>
</html>
